import store from '../store' // store

export function getTopIconDistance() {
  uni.getSystemInfo({
    success: (res) => {
      // 获取手机顶部状态栏的高度
      const statusBarHeight = res.statusBarHeight || 0
      
      // 获取导航栏的高度（手机状态栏高度 + 胶囊高度 + 胶囊的上下间距）
      // const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
      // const navBar = menuButtonInfo.height + (menuButtonInfo.top - statusBarHeight) * 2
      const navBar = 44;
      // 计算顶部图标距离
      const topIconDistance = statusBarHeight + navBar
      
      const navBarHeight = topIconDistance // 导航栏的高度
      const navBarPaddingTop = statusBarHeight // 导航栏的上边距
      let useHeight = res.screenHeight - topIconDistance // 可以使用的页面高度【去除顶部导航】
      let tabBarHeight = 50 + res.safeAreaInsets.bottom // tabbar的高度 + 安全区域高度
      let mainSearchHeight = useHeight - tabBarHeight - 60 // 有tabBar，有搜索框的页面高度
      let mainHeight = useHeight - tabBarHeight // 有tabBar，没有搜索框的页面高度
      let noTabSearchHeight = useHeight - res.safeAreaInsets.bottom - 60 // 没有tabBar，有搜索框的页面高度
      let noTabMainHeight = useHeight - res.safeAreaInsets.bottom // 没有tabBar，没有搜索框的页面高度

      store.commit('HEIGHT_DATA', {
        mainHeight,
        navBarHeight,
        navBarPaddingTop,
        noTabMainHeight,
        mainSearchHeight,
        noTabSearchHeight,
        safeHeight: res.safeAreaInsets.bottom,
        tabBarHeight
      }) 
    },
    fail: (err) => {
    }
  })
}